<?php if($check == 200):?>
<div id="statistic">
<div style="float: left;width: 100%;text-align: center;top: -43px;position: absolute;font-family: ''UTMNeoSansIntel'';font-size: 24px;"><span style="font-family: Digital;color: #0F0;font-size: 35px;" id="people">...</span> Người tham gia</div>
    <div class="true-quest">
        <span class="ico-quest"></span>
        <span id="ico-quest">Đúng <?php echo $this->session->userdata('score') ? $this->session->userdata('score') : 0;?></span>
    </div>
    <div class="true-time">
        <span class="ico-time"></span>
        <span id="ico-time"><?php echo $this->session->userdata('time') ? $this->session->userdata('time') : '0s 00';?></span>
    </div>
</div>
<h1 style="text-align: center;margin: 10px 0 5%">Gameshow truyền hình tương tác</h1>
<div id="intro">
	<time></time>
	<h1 id="container31" style="text-align: center;">Loading ...</h1>
</div>
<div id="main-page" class="click" style="display: none">
    <input type="hidden" id="verify" name="verify" value=""/>
    <div class="box-four">
        <div class="quest"></div>
        <div id="cauhoi">
            Đang chờ
        </div>
        <div id="dappan">
            <ul>
                <li><a href="#"><span class="ketqua" id="dapan1">Đang chờ</span></a></li>
                <li><a href="#"><span class="ketqua" id="dapan2">Đang chờ</span></a></li>
                <li><a href="#"><span class="ketqua" id="dapan3">Đang chờ</span></a></li>
                <li><a href="#"><span class="ketqua" id="dapan4">Đang chờ</span></a></li>
            </ul>
        </div>
    </div>
</div>
<?php else:?>
<div id="main-page"></div>
<script>
	$.ajax({
		type: "GET",
		url: '<?php echo $baseurl?>final-result',
		success: function(data){
			var json = JSON.parse(data);
            $("#main-page").css({
                                'text-align' : 'center',
                                'color' : '#fff',
                                'font-size' : '20px'
                            });
			$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
			<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
		}
	});
</script>
<?php endif;?>
<div id="result" style="display: none;"></div>
<div id="audio-i" style="display: none;"><audio autoplay loop="loop"><source src="<?php echo $baseurl?>public/theme/audio/spielende.mp3" type="audio/mpeg"></audio></div>
<span id="run-time" style="display: none;">
<script>
var waitting = 'public/theme/audio/telefonjoker_loop.mp3';  // chờ trả lời câu hỏi
var audio6 = 'public/theme/audio/spielende_kandidat_geht.mp3'; //trả lời sai
var Patung = 'public/theme/audio/joker_1.mp3';

secong = 3;

function runtimes(){setInterval(function(){if(secong > 0){secong = parseInt(secong) - 1;}$("#second-pd").html(secong);if(secong == 0){$("#run-time").remove();}}, 1000);}

</script>
</span>

<script src="http://node.babybean.vn:8000/socket.io/socket.io.js"></script>

<script>
        
        function addAudio(urc , loop)
        {
            $("#audio-i").html('');
            if(loop == true)
            {
                trul = 'loop="loop"';
            }else{
                trul = '';
            }
            $("#audio-i").html('<audio autoplay '+trul+'><source src="<?php echo $baseurl?>'+urc+'" type="audio/mpeg"></audio>');
        }
        
        statusConnect = '<?php echo $statusConnect;?>';
        var rs;
	    var accessAmount = 0;
		var socket = io.connect('http://node.babybean.vn:8000');

        socket.emit('clientPushConnect', 'client');
        socket.on('response_client_to_Connect', function (rep)
        {
            accessAmount = rep;
            if(accessAmount == 1 && statusConnect == '' )
            {
                socket.emit('getConnectDelay', accessAmount);
                accessAmount = parseInt(accessAmount) + 1;
            }
        });
        
        socket.on('sendTpeople', function(d)
        {
            if(d == 0){d = 1;}
            $("#people").html(d);
        });
        
        $(function()
        {
            if(statusConnect != '')
            {
                $.ajax({
                    type: 'get',
                    url: '<?php echo $baseurl?>re-connect',
                    success: function(data){
                        var json = JSON.parse(data);
                        if(json.code == 200)
                            {
                                var jsp = json.data.data_;//alert(jsp.stt);
                                $('#intro').hide();
            				    $('#main-page').show();
                                $('#cauhoi').html('Câu hỏi '+jsp.stt+':  '+jsp.question);
                                $('#verify').attr('value', jsp.id);
                                $('.quest').html(jsp.id);
                                $('#dapan1').html('1. '+jsp.choice[1]);
                                $('#dapan2').html('2. '+jsp.choice[2]);
                                $('#dapan3').html('3. '+jsp.choice[3]);
                                $('#dapan4').html('4. '+jsp.choice[4]);
                                addAudio(waitting, true);
                            }else{
                                $.ajax({
            					type: "GET",
            					url: '<?php echo $baseurl?>final-result',
            					success: function(data){
                						var json = JSON.parse(data);
                                        $('#intro').hide();
            				            $('#main-page').show();
                                        $("#main-page").css({
                                            'text-align' : 'center',
                                            'color' : '#fff',
                                            'font-size' : '20px'
                                        });
                                        $('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
                						<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
                                        addAudio(audio6, false);
                                        setTimeout(function()
                                        {
                                            socket.disconnect();
                                        }, 10000);
                					}
                				});
                            }
                    }
               });   
            } 
        });
        
		// on message recived we print the new data inside the #container div
        
        
        
		socket.on('push_to2_batdau', function (data, cfv, cfv_2, delay, bxh) {
		    
            runtimes();
			setTimeout(function(){
				svPlaycr(cfv, cfv_2, '2');
			}, Math.floor((Math.random() * 2500) + 1));
            
            rs = data;
            if(delay == 0)
            {
                $('#container31').html('TRÒ CHƠI SẼ BẮT ĐẦU TRONG <abbr id="second-pd">3</abbr> GIÂY NỮA');
    			$('#cauhoi').html('');
    			$('#dapan1').html('');
    			$('#dapan2').html('');
    			$('#dapan3').html('');
    			$('#dapan4').html('');
                addAudio(waitting, true);
                
    			setTimeout(function(){
    				$('#intro').hide();
    				$('#main-page').show();
                    addAudio(waitting, true);
    				zxc(rs);
    			},3000);
            }else if(delay == 2)
            {
                $('#container31').html('Xin lỗi không thể kết nối đến server vì bạn tham gia quá muộn');
                addAudio(audio6, false);
                socket.disconnect();
            }else{
                $('#intro').hide();
				$('#main-page').show();
                addAudio(waitting, true);
				zxc(rs);
            }
            
			
		});
		socket.on('push_to2', function (data, id, bxh) {
            $("#audio-i").html('');
			var bxh = JSON.parse(bxh);//alert(bxh);
            $("#list-bxh").html(bxh.bxh);
            svPlaycr('',id, '1');
			rs = data;
            if($('#main-page').hasClass('click'))
			{
				$.ajax({
					type: "GET",
					url: '<?php echo $baseurl?>final-result',
					success: function(data){
						var json = JSON.parse(data);
                        $("#main-page").css({
                                            'text-align' : 'center',
                                            'color' : '#fff',
                                            'font-size' : '20px'
                                        });
						$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
						<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
                        addAudio(audio6, false);
                        setTimeout(function()
                        {
                            socket.disconnect();
                        }, 10000);
					}
				});
			}else{
			     $('#main-page').addClass('click');
                 addAudio(waitting, true);
			     zxc(data);
			}
		});
		function stripslashes(str) {
            str=str.replace(/\\'/g,'\'');
            str=str.replace(/\\"/g,'"');
            str=str.replace(/\\0/g,'\0');
            str=str.replace(/\\\\/g,'\\');
            return str;
        }
		starttime = 0, endtime = 0, deltatime = 0; 
		var zxc = function(data){
			//console.log(data);
			var js = JSON.parse(data);
			//js = JSON.parse(js);`
			console.log(js.choice[1]);
			
            $('.ketqua').removeClass('green');
            $('.ketqua').removeClass('red');
			if($('#main-page').hasClass('true'))
			{
				$('#main-page').removeClass('block');
				$('#main-page').removeClass('true');
			}
			if($('#main-page').hasClass('block'))
			{
				$.ajax({
					type: "GET",
					url: '<?php echo $baseurl?>final-result',
					success: function(data){
						var json = JSON.parse(data);
                        $("#main-page").css({
                                            'text-align' : 'center',
                                            'color' : '#fff',
                                            'font-size' : '20px'
                                        });
						$('#main-page').html('<p>Lượt chơi của bạn đã kết thúc!</p>\n\
						<p>Bạn đã trả lời đúng '+json.scores+' câu hỏi trong thời gian '+json.time+'</p>');
                        addAudio(audio6, false);
                        setTimeout(function()
                        {
                            socket.disconnect();
                        }, 10000);
					}
				});
			}else{
				$('#cauhoi').html('Câu hỏi '+js.stt+':  '+stripslashes(js.question));
				$('#verify').attr('value', js.id);
                $('.quest').html(js.id);
				$('#dapan1').html('1. '+stripslashes(js.choice[1]));
				$('#dapan2').html('2. '+stripslashes(js.choice[2]));
				$('#dapan3').html('3. '+stripslashes(js.choice[3]));
				$('#dapan4').html('4. '+stripslashes(js.choice[4]));
			}
		}
        
        var svPlaycr = function(cfv, cfv_2, stc)
        {
            $.ajax({
                   type: 'GET',
                   url: '<?php echo $baseurl?>sv-play',
                   data: ({cfv: cfv, cfv_2: cfv_2, stc: stc})
                });
        }
	
		$(".ketqua").click(function(){
        addAudio(Patung, false);
		if($('#main-page').hasClass('block'))
		{
			if($('#main-page').hasClass('true'))
			{
			    $('#main-page').removeClass('click');
				jAlert('Bạn đã trả lời câu hỏi này từ trước, Vui lòng chờ câu hỏi sau', 'Thông báo');
			}else{
				$('#main-page').removeClass('click');
                jAlert('Lượt chơi này của bạn đã kết thúc', 'Thông báo');
			}
			
			return false;
		}else{
            var cl = $(this);
            jConfirm('<center>Đây đã phải là đáp án cuối cùng của bạn chưa ?</center>', 'Thông báo', function(r) {
            if(r == true)
            {                
                $('#main-page').removeClass('click');
				var kq = cl.attr('id').replace('dapan','');
				localStorage.setItem("kq", kq);
				var ques = $('#verify').attr('value');
				$.ajax({
					type: "GET",
					url: '<?php echo $baseurl?>update-score',
					data: ({id_ques : ques, kq : kq}),
					success: function(data)
					{
					   var jsp = JSON.parse(data);
                        if(jsp.status == 100){
                            addAudio(audio6, false);
                            jAlert('Lượt chơi này của bạn đã kết thúc', 'Thông báo');
                        }else if(jsp.status == 200){
                            localStorage.setItem("strpl", jsp.status);
                            cl.addClass('green');
                            $("#ico-quest").html('Đúng '+jsp.data.score);
                            $("#ico-time").html(jsp.data.time);
                            $('#main-page').addClass('block');
    						$('#main-page').addClass('true');                    
                            addAudio('public/theme/audio/3.mp3', false);
                        }else if(jsp.status == 101){
                            addAudio(audio6, false);
                            jAlert('Bạn đã trả lời câu hỏi này từ trước, Vui lòng chờ câu hỏi sau', 'Thông báo');
                            
                            var _kq = localStorage.getItem("kq");
                            var _stt = localStorage.getItem("strpl");
                            var _dapan = localStorage.getItem("dapan");
                            if(_stt == 200)
                            {
                                cl.addClass('green');
                                $('#main-page').addClass('block');
        						$('#main-page').addClass('true');
                            }else{
                                $("#dapan"+_kq).addClass('green');
                                $('#dapan'+_dapan).addClass('green');
                            }
                        }else{
                            addAudio(audio6, false);
                            cl.addClass('red');
                            $('#dapan'+jsp.data).addClass('green');
                            localStorage.setItem("dapan", jsp.status);
                            $('#main-page').addClass('block');
                        }
					}
				});
            }
                
            });
            return false;
		    
		}
		});
		
		socket.on('stopGameClient', function(data){
			
            setTimeout(function()
            {
                $.ajax({
				type: "GET",
				url: '<?php echo $baseurl?>show-result',
				success: function(data){
    				    var jsp = JSON.parse(data);
                        if(jsp.bxh == 1)
                        {
                            jAlert(jsp.data, 'Thông báo');     
                            addAudio('public/theme/audio/4.mp3', false);
                        }else{
                            jAlert('<h2 style="text-align: center;color: #E70F31;font-size: 30px;">GameShow đã kết thúc, chúc mừng bạn</h2><p style="text-align: center;">Bạn đã trả lời đúng '+jsp.scores+' câu hỏi trong thời gian '+jsp.time+'</p>', 'Thông báo');
                        }
                        setTimeout(function()
                        {
                            socket.disconnect();
                        }, 10000);
    				}
    			});   
            }, Math.floor((Math.random() * 3000) + 1));
		});
	</script>
